<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>业绩明细</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link rel="stylesheet" href="/js/bootstrap-table/bootstrap-table-1.18.3.min.css">
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <link rel="stylesheet" href="/css/skin.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/finance/payment-record.css">
    <style>
        .dateContiner{
            display:flex;
            line-height:36px;
        }
        #dateSelect,#moneyTotal label{
            font-size: 14px;
            font-family: PingFang SC;
            font-weight: bold;
            color: #707B8D;
            white-space: nowrap
        }
        #dateSelect{
            margin-right:20px;
        }
        #moneyTotal{
            line-height:36px;
            margin-right:10px;
            display:none;
        }
        .datepickerCon{
            width:110px;
            margin-right:20px;
            height:36px
        }
        .form-control[readonly]{
            background-color: #fff
        }
        .form-control[disabled]{
            background-color: #eee
        }
        .datepicker table tr td span.active.active,.datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover{
            border-color: #6878f7;
            background-color: #6878f7;
        }
        .table-bordered > tbody > tr > td{
            padding:8px 30px;
        }
        .bootstrap-table .fixed-table-container .table-bordered thead th{
            padding:0 30px;
        }

    </style>
</head>
<body>
<input type="hidden" id="dateStatusType" value="1">
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h1><span id="userName"></span>业绩明细</h1>
                </div>
                <div class="card-body">
                    <div class="row content-action" style="padding:0 15px">
                        <div class="pull-left dateContiner">
                            <label id="dateSelect">日期选择</label>
                            <input type="text" readonly="readonly" class="form-control datepickerCon" placeholder="选择年份" id="yearSelect">
                            <input type="text" readonly="readonly" disabled="disabled" class="form-control datepickerCon" placeholder="选择月份" id="monthSelect">
                            <div id="moneyTotal" class="pull-left">
                                <label>业绩金额总计:</label>
                                <span id="achievementMoney"></span>
                            </div>
                        </div>
                        <div class="pull-right">
                            <div class="pull-right">
                                <div class="min-search pull-left">
                                    <input class="form-control" type="text" placeholder="请输入订单编号"
                                           id="userNameSearch" name="userNameSearch">
                                    <button class="btn btn-primary" type="button" onclick="searchReturnMoneyList()">
                                        <i class="mdi mdi-magnify"></i><span>搜索</span>
                                    </button>
                                </div>
                                <button class="btn btn-primary" type="button" id="exportDetail" onclick="exportDetailFun(this)">
                                    <span>导出数据</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <table id="orderTableList"></table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/common/common.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns-1.18.3.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/finance/statReturnMoneyDetail.js"></script>

</html>